<!--
 * @Author: taosong 2289713738@qq.com
 * @Date: 2023-12-26 21:53:05
 * @LastEditors: taosong 2289713738@qq.com
 * @LastEditTime: 2023-12-27 18:18:56
 * @FilePath: \ele-h5\src\views\tabs\home\components\TheTransformer.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<script setup lang="ts">
import type { ITransformer } from '@/types'

interface IProps {
  data: ITransformer[]
}

defineProps<IProps>()
</script>

<template>
  <div class="home-transformer">
    <div v-for="item in data" :key="item.label" class="home-transformer_item">
      <img :src="item.imgUrl" />
      <div>{{ item.label }}</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.home-transformer {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 10px;
  grid-column-gap: 10px;
  &_item {
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    img {
      width: 100%;
      height: 48px;
    }
  }
}
</style>
